<!DOCTYPE html>
<html lang="en" class="wide wow-animation smoothscroll scrollTo">
  <head>
    {template "layouts","header"}
  </head>
  <body>
    <!-- Page-->
    <div class="page text-center">
      <!-- Page Header-->
      <header class="page-head">
        {template "layouts","navbar"}
      </header>
      {template "layouts","breadcrumb"}

      <!-- Page Content-->
      <main class="page-content section-top-98 section-sm-top-110">
        <!-- Get In Touch-->
        {php pc_base::load_sys_class('form', '', 0);}
        <section>
          <div class="shell">
            <div class="range range-xs-center">
              <div class="cell-sm-9 cell-md-8 cell-lg-12">
                <div class="range">
                  <div class="cell-lg-8 text-left">
                    <h3>取得联系</h3>
                    <hr class="divider divider-lg bg-java hr-left-0 hr-sm-left-2">
                    <div class="offset-top-66">
                      <p>你可以与我们联系，您方便的任何方式。我们提供7X24通过传真或电子邮件服务。你也可以使用快速联系表格或亲自拜访我们。</p>
                      <p>我们很乐意解答您任何问题。</p>
                    </div>
                    <div class="offset-top-34">
                      <form data-form-output="form-output-global" data-form-type="contact" method="post" action="?m=guestbook&c=guestbook&a=post" novalidate="novalidate" class="rd-mailform text-left">
                        <div class="range">
                          <div class="cell-sm-6">
                            <div class="form-group form-group-label-outside">
                              <label for="contacts-username" class="form-label form-label-outside text-dark rd-input-label">姓名</label>
                              <input id="contacts-username" type="text" name="username" data-constraints="@Required" class="form-control form-control-last-child">
                            </div>
                          </div>
                          <div class="cell-sm-6">
                            <div class="form-group form-group-label-outside">
                              <label for="contacts-email" class="form-label form-label-outside text-dark rd-input-label">E-mail</label>
                              <input id="contacts-email" type="email" name="email" data-constraints="@Email" class="form-control form-control-last-child">
                            </div>
                          </div>
                          <div class="cell-sm-6 offset-top-20">
                            <div class="form-group form-group-label-outside">
                              <label for="contacts-phone" class="form-label form-label-outside text-dark rd-input-label">电话</label>
                              <input id="contacts-phone" type="text" name="phone" data-constraints="@IsNumeric @Required" class="form-control form-control-last-child">
                            </div>
                          </div>
                          <div class="cell-sm-6 offset-top-20">
                            <div class="form-group form-group-label-outside">
                              <label for="contacts-address" class="form-label form-label-outside text-dark rd-input-label">地址</label>
                              <input id="contacts-address" type="text" name="address" class="form-control form-control-last-child">
                            </div>
                          </div>
                          <div class="cell-sm-12 offset-top-20">
                            <div class="form-group form-group-label-outside">
                              <label for="contacts-title" class="form-label form-label-outside text-dark rd-input-label">标题</label>
                              <input id="contacts-title" type="text" name="title" data-constraints="@Required" class="form-control form-control-last-child">
                            </div>
                          </div>
                          <div class="cell-sm-12 offset-top-20">
                            <div class="form-group form-group-label-outside">
                              <label for="contacts-content" class="form-label form-label-outside text-dark rd-input-label">内容</label>
                              <textarea id="contacts-content" name="content" data-constraints="@Required" style="max-height: 150px;" class="form-control form-control-last-child"></textarea>
                            </div>
                          </div>
                          <div class="cell-sm-6 offset-top-20">
                            <div class="form-group form-group-label-outside">
                              <label for="contacts-code" class="form-label form-label-outside text-dark rd-input-label">验证码</label>
                              <input id="contacts-code" type="text" name="code" data-constraints="@Required" class="form-control form-control-last-child">
                            </div>
                          </div>
                          <div class="cell-sm-6 offset-top-20">
                            <div class="form-group form-group-label-outside">
                              <div style="height:36px;">&nbsp;</div>
                              {form::checkcode('code_img','4','16',200,75)}
                            </div>
                          </div>
                        </div>
                        <div class="offset-top-18 offset-sm-top-24 text-center text-sm-left">
                          <button type="submit" style="min-width: 130px;" class="btn btn-ellipse btn-java">发送信息</button>
                        </div>
                      </form>
                    </div>
                    <div id="replyid_group" class="offset-top-60" style="display:none;">
                      <h6>回执号是您查看留言回复的唯一凭证，请注意保存！</h6>
                      <hr class="text-subline">
                      <div class="">
                        <p></p>
                        <h4>回执号：<span id="replyid" class="text-primary">{php echo base_convert(uniqid(), 16, 10)}</span></h4>
                      </div>
                    </div>
                  </div>
                  <div class="cell-lg-4 text-left offset-top-66 offset-lg-top-0">
                    <div class="inset-lg-left-30">
                      {template "layouts","r_search"}

                      {template "layouts","contact"}
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="offset-top-110">
            {template "layouts","googlemap"}
          </div>
        </section>
      </main>
      {template "layouts","footer"}
    </div>
    {template "layouts","global"}
    {template "layouts","javascript"}
  </body>
</html>
